<template>
  <div>
    <div class="list">
      <div style="height: 30px"></div>
      <div class="row">
      <div class="col-6 col-left">
        <van-card class="card card-left"
           tag="Hot!"
           origin-price="3.00"
          price="2.50"
         desc="夏天的味道"
          title="可口可乐"
          thumb="https://img.ddimg.mobi/product/693c4947ce4381543154544133.jpg!maicai.product.list"
        >
          <template #tags>
            
            <van-tag plain type="danger">热卖中！</van-tag>
          </template>
          <template #footer>
            
            <van-button size="small" style="background-color:#00DD00;border-radius:10px;top: 15px">加入购物车</van-button>
          </template>
        </van-card>
      </div>
      <div class="col-6 col-right">
        <van-card class="card card-right"
           origin-price="3.00"
          price="2.00"
          desc="巴氏杀菌 袋装鲜乳"
          title="蒙牛真巴氏鲜牛奶"
          thumb="https://ddimg.ddxq.mobi/d74f9ec75725e1541953105704.png!maicai.product.list"
        >
           <template #tags>
            
            <van-tag plain type="danger">热卖中！</van-tag>
          </template>
          <template #footer>
            <van-button size="small" style="background-color:#00DD00;border-radius:10px;top: 12px;">加入购物车</van-button>
            
          </template>
        </van-card>
       </div>
       </div>
       <div style="height:5px;background-color: white;"></div>
        <div class="row">
      <div class="col-6 col-left">
        <van-card class="card card-left"
           tag="Hot!"
           origin-price="15.00"
          price="10.50"
         
          title="鲜活基围虾 350g"
          thumb="https://img.ddimg.mobi/product/aba793c26fe751544415551443.jpg!maicai.product.list"
        >
          <template #tags>
            
            <van-tag plain type="danger">热卖中！</van-tag>
          </template>
          <template #footer>
            
            <van-button size="small" style="background-color:#00DD00;border-radius:10px;top: 12px">加入购物车</van-button>
          </template>
        </van-card>
      </div>
      <div class="col-6 col-right">
        <van-card class="card card-right"
           origin-price="15.00"
          price="12.00"
          desc=" 新老包装交替中～"
          title="养乐多"
          thumb="https://img.ddimg.mobi/product/a6509cbc474881557192614521.jpg!deliver.product.list"
        >
           <template #tags>
            
            <van-tag plain type="danger">热卖中！</van-tag>
          </template>
          <template #footer>
            <van-button size="small" style="background-color:#00DD00;border-radius:10px;top: 8px;">加入购物车</van-button>
             
          </template>
        </van-card>
       </div>
       </div>
    </div>
  </div>
</template>


  

<script>
</script>
<style scoped>
.list {
  position: relative;
  padding: 0px 5px;
}

.card{
height:144.8px;

}
.col-left{
padding-left:20px ;
padding-right:2px ;}
.card-left{padding-top: 5px;
padding-bottom:0 ;
padding-left:2px ;
padding-right:2px ;}
.col-right{
padding-left:2px ;
padding-right:20px ;}
.card-right{padding-top: 5px;
padding-bottom:0 ;
padding-left:2px ;
padding-right:2px ;}
</style>